<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>http://eaczhangtao.gitee.io/work001/homework7/h7_1.html</title>
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript">
			function showlmg() {
				document.getElementById("wxlmg").style.display = 'block';
			}

			function hidelmg() {
				document.getElementById("wxlmg").style.display = 'none';
			}
		</script>
	</head>

	<body>
		<div class="box clearfix">
			<div class="box1 clearfix">
				<div class="box2 clearfix">
					<div class="box2-1 clearfix">
						<span class="span1">
							<img src="img/logo-haohuo.png"/>
							<a href="javascript:void(0)" onmouseout="hidelmg()" onmouseover="showlmg()">&#xe610;</a>
						</span>
						<span>与生活品质不期而遇</span>
						<a href="#">换一换</a>
					</div>
					<div id="wxlmg" style="display: none;height: 110px;width:90px;background:white;position:absolute;box-sizing: border-box;">
						<img src="img/erweima .png" />
						<p>手机淘宝扫码</p>
					</div>
					<ul class="box2-2 clearfix">
						<li>
							<div class="img1 clearfix">
								<img src="img/haohuo-1.jpg" />
								<p class="p1">
									<img src="img/1212.png" />
									<a>温柔的猪猪丝镂空</a>

								</p>
								<p class="p2"><span>星空蓝连衣裙优雅大连衣裙</span></p>
								<p class="p3">&#xe676;<span class="span3">121人说好</span></p>
							</div>
						</li>
						<li class="li1">
							<div class="img1">
								<div class="p4">
									<div class="beijing">
										<a href="#">
											<img src="img/haohuo-2.jpg" />
										</a>
									</div>
								</div>
								<p class="p1"><img src="img/1212.png" />
									<a>肆月宝宝熊陶瓷泡</a>
								</p>
								<p class="p2"><span>萌萌哒的宝宝熊泡面碗，让</span></p>
								<p class="p3">&#xe676;<span class="span3">234人说好</span></p>
							</div>
						</li>
						<li class="li2">
							<div class="img1">
								<div class="p4">
									<div class="beijing">
										<a href="#">
											<img src="img/haohuo-3.jpg" />
										</a>
									</div>
								</div>
								<p class="p1"><img src="img/1212.png" />
									<a>于MOMO复古西</a>
								</p>
								<p class="p2"><span>复古风的色系，宽松的廓</span></p>
								<p class="p3">&#xe676;<span class="span3">345人说好</span></p>
							</div>
						</li>
						<li>
							<div class="img1">
								<div class="p4">
									<div class="beijing">
										<a href="#">
											<img src="img/haohuo-4.jpg" />
										</a>
									</div>
								</div>
								<p class="p1"><img src="img/1212.png" />
									<a>Neighborhood 2</a>
								</p>
								<p class="p2"><span>纪念式涂鸦手法，任意挥洒</span></p>
								<p class="p3">&#xe676;<span class="span3">88人说好</span></p>
							</div>
						</li>
						<li class="li1">
							<div class="img1">
								<div class="p4">
									<div class="beijing">
										<a href="#">
											<img src="img/haohuo-5.jpg" />
										</a>
									</div>
								</div>
								<p class="p1"><img src="img/1212.png" />
									<a>法妃尼 欧美拼接蕾</a>
								</p>
								<p class="p2"><span>时尚粉色绒面料彰显高端的</span></p>
								<p class="p3">&#xe676;<span class="span3">1234人说好</span></p>
							</div>
						</li>
						<li class="li2">
							<div class="img1">
								<div class="p4">
									<div class="beijing">
										<a href="#">
											<img src="img/haohuo-6.jpg" />
										</a>
									</div>
								</div>
								<p class="p1"><img src="img/1212.png" />
									<a>兔先生 北欧简约靠</a>
								</p>
								<p class="p2"><span>简约纯色绿植风格，聚酯纤</span></p>
								<p class="p3">&#xe676;<span class="span3">0人说好</span></p>
							</div>
						</li>
					</ul>
				</div>
				<div class="box3 ">
					<div class="box2 clearfix">
						<div class="box2-1 clearfix">
							<img src="img/logo-aiguangjie.png" />
							<span>献给聪明可爱你</span>
						</div>
						<div id="wxlmg" style="display: none;background-color:white;position:absolute ;">
							<img src="img/erweima .png" />
							<em>手机淘宝扫码</em>
						</div>
						<ul class="box2-2 clearfix">
							<li>
								<div class="img1">
									<div class="p4">
										<div class="beijing">
											<a href="#">
												<img src="img/aiguangjie-1.jpg" />
											</a>
										</div>
									</div>
									<p class="p1">
										<img src="img/1212.png" />
										<a href="#" class="a1">&#xe621;</a>
										<a>于momo双面呢</a>
									</p>
									<p class="p2">
										<a>优质的羊毛呢有着挺括的版</a>
									</p>
									<p class="p3">
										<img src="img/touxiang.jpg" />
										<span class="span3">爱逛***01</span>
									</p>
								</div>
							</li>
							<li class="li1">
								<div class="img1">
									<div class="p4">
										<div class="beijing">
											<a href="#">
												<img src="img/aiguangjie-2.jpg" />
											</a>
										</div>
									</div>
									<p class="p1">
										<img src="img/1212.png" />
										<a href="#" class="a1">&#xe621;</a>
										<a>云思木想绣花</a>
									</p>
									<p class="p2">
										<a>卫衣带有刺绣点缀尽显复古</a>
									</p>
									<p class="p3">
										<img src="img/touxiang1.jpg" />
										<span class="span3">潮流女孩girl</span>
									</p>
								</div>
							</li>
							<li class="li2">
								<div class="img1">
									<div class="p4">
										<div class="beijing">
											<a href="#">
												<img src="img/aiguangjie-3.jpg" />
											</a>
										</div>
									</div>
									<p class="p1">
										<img src="img/1212.png" />
										<a href="#" class="a1">&#xe621;</a>
										<a>Omega 海马系</a>
									</p>
									<p class="p2">
										<a>简约、大气且引人瞩目的</a>
									</p>
									<p class="p3">
										<img src="img/touxiang.jpg" />
										<span class="span3">放飞自我的兔小姐</span>
									</p>
								</div>
							</li>
							<li>
								<div class="img1">
									<div class="p4">
										<div class="beijing">
											<a href="#">
												<img src="img/aiguangjie-4.jpg" />
											</a>
										</div>
									</div>
									<p class="p1">
										<img src="img/1212.png" />
										<a href="#" class="a1">&#xe621;</a>
										<a>Lszb.A牛仔裤</a>
									</p>
									<p class="p2">
										<a>宽松哈伦牛仔裤，造旧色调</a>
									</p>
									<p class="p3">
										<img src="img/touxiang2.jpg" />
										<span class="span3">韩范时光机</span>
									</p>
								</div>
							</li>
							<li class="li1">
								<div class="img1">
									<div class="p4">
										<div class="beijing">
											<a href="#">
												<img src="img/aiguangjie-5.jpg" />
											</a>
										</div>
									</div>
									<p class="p1">
										<img src="img/1212.png" />
										<a href="#" class="a1">&#xe621;</a>
										<a>LAUNDRESS洗</a>
									</p>
									<p class="p2">
										<a>天然植物酵素配方可以很好</a>
									</p>
									<p class="p3">
										<img src="img/touxiang.jpg" />
										<span class="span3">放飞自我的兔小姐</span>
									</p>
								</div>
							</li>
							<li class="li2">
								<div class="img1">
									<div class="p4">
										<div class="beijing">
											<a href="#">
												<img src="img/aiguangjie-6.jpg" />
											</a>
										</div>
									</div>
									<p class="p1">
										<img src="img/1212.png" />
										<a href="#" class="a1">&#xe621;</a>
										<a>光峰可爱动物</a>
									</p>
									<p class="p2">
										<a>卡通的陶瓷碗，可爱的造</a>
									</p>
									<p class="p3">
										<img src="img/touxiang1.jpg" />
										<span class="span3">潮流女孩girl</span>
									</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="box6">
				<div class="box6-1">
					<div class="title clearfix">
				</div>
			</div>
			<div class="box4">
			</div>
			<div class="box5 clearfix">
				<div class="box5-1 fl clearfix">
					<div class="title">
						<img src="img/logo-dayhouse.png" />
						<span>发现深藏的好店</span>
						<a>更多&#xe62e;</a>
					</div>
					<div class="center clearfix">
						<div class="fl">
							<div class="tuijian clearfix">
								<a>今日推荐</a>
								<span>月收藏1499次</span>
								<div class="tupian clearfix">
									<div class="img fl">
										<a href="#">
											<img src="img/dayhouse1.jpg" />
										</a>
									</div>
									<div class="img1 fr" style="margin-bottom: 2px;">
										<a href="#">
											<img src="img/dayhouse2.jpg" />
										</a>
									</div>
									<div class="img1 fr">
										<a href="#">
											<img src="img/dayhouse3.jpg" />
										</a>
									</div>
								</div>
							</div>
						</div>
						<div class="fr">
							<div class="tuijian clearfix">
								<a>包包控</a>
								<span>月收藏2369次</span>
								<div class="tupian clearfix">
									<div class="img fl">
										<a href="#">
											<img src="img/dayhouse5.jpg" />
										</a>
									</div>
									<div class="img1 fr" style="margin-bottom: 2px;">
										<a href="#">
											<img src="img/dayhouse6.jpg" />
										</a>
									</div>
									<div class="img1 fr">
										<a href="#">
											<img src="img/dayhouse7.jpg" />
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="center clearfix">
						<div class="fl">
							<div class="tuijian clearfix">
								<a>推荐栏目</a>
								<span>月收藏1367次</span>
								<div class="tupian clearfix">
									<div class="img fl">
										<a href="#">
											<img src="img/dayhouseA.jpg" />
										</a>
									</div>
									<div class="img1 fr" style="margin-bottom: 2px;">
										<a href="#">
											<img src="img/dayhouseB.jpg" />
										</a>
									</div>
									<div class="img1 fr">
										<a href="#">
											<img src="img/dayhouseC.jpg" />
										</a>
									</div>
								</div>
							</div>
						</div>
						<div class="fr">
							<div class="tuijian clearfix">
								<a>吃吃</a>
								<span>月收藏2567次</span>
								<div class="tupian clearfix">
									<div class="img fl">
										<a href="#">
											<img src="img/dayhouse8.jpg" />
										</a>
									</div>
									<div class="img1 fr" style="margin-bottom: 2px;">
										<a href="#">
											<img src="img/dayhouse9.jpg" />
										</a>
									</div>
									<div class="img1 fr">
										<a href="#">
											<img src="img/dayhouse10.jpg" />
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="box5-2 fr">
					<div class="box5-1 fl clearfix">
						<div class="title">
							<img src="img/logo-zhibo.png" />
							<span>你的爱豆直播等你哟!</span>
						</div>
						<div class="center clearfix">
							<div class="fl">
								<div class="tuijian clearfix">
									<a>小热巴R</a>
									<span>13703观看</span>
									<div class="tupian clearfix">
										<div class="dingwei">
											<div class="img fl">
												<a href="#">
													<img src="img/zhibo1.jpg" />
												</a>
											</div>
											<h4>
		    							<span class="tab-infot">&#xe633;</span>
		    							<span class="txt">好物种草，还你好肌肤</span>
		    						</h4>
											<!--<div class="mask"></div>-->
										</div>
										<div class="img1 fr" style="margin-bottom: 2px;">
											<a href="#">
												<img src="img/zhibo2.jpg" />
											</a>
										</div>
										<div class="img1 fr">
											<a href="#">
												<img src="img/zhibo3.jpg" />
											</a>
										</div>
									</div>
								</div>
							</div>
							<div class="fr">
								<div class="tuijian clearfix">
									<a>夫人是我</a>
									<span>1703观看</span>
									<div class="tupian clearfix">
										<div class="dingwei">
											<div class="img fl">
												<a href="#">
													<img src="img/zhibo4.jpg" />
												</a>
											</div>
											<h4>
		    							<span class="tab-infot">&#xe633;</span>
		    							<span class="txt">时髦大衣，保温保暖！</span>
		    					</h4>
										</div>
										<div class="img1 fr" style="margin-bottom: 2px;">
											<a href="#">
												<img src="img/zhibo5.jpg" />
											</a>
										</div>
										<div class="img1 fr">
											<a href="#">
												<img src="img/zhibo6.jpg" />
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="center clearfix">
							<div class="fl">
								<div class="tuijian clearfix">
									<a>赵大喜daxi</a>
									<span>23703观看</span>
									<div class="tupian clearfix">
										<div class="dingwei">
											<div class="img fl">
												<a href="#">
													<img src="img/zhibo7.jpg" />
												</a>
											</div>
											<h4>
		    							<span class="tab-infot">&#xe633;</span>
		    							<span class="txt">抢走余文乐的心机装扮</span>
		    						</h4>
											<!--<div class="mask"></div>-->
										</div>
										<div class="img1 fr" style="margin-bottom: 2px;">
											<a href="#">
												<img src="img/zhibo8.jpg" />
											</a>
										</div>
										<div class="img1 fr">
											<a href="#">
												<img src="img/zhibo9.jpg" />
											</a>
										</div>
									</div>
								</div>
							</div>
							<div class="fr">
								<div class="tuijian clearfix">
									<a>吃吃</a>
									<span>13703观看</span>
									<div class="tupian clearfix">
										<div class="dingwei">
											<div class="img fl">
												<a href="#">
													<img src="img/zhibo10.jpg" />
												</a> 
											</div>
											<h4>
		    							<span class="tab-infot">&#xe633;</span>
		    							<span class="txt">新品来，福利送不停！</span>
		    						</h4>
											<!--<div class="mask"></div>-->
										</div>
										<div class="img1 fr" style="margin-bottom: 2px;">
											<a href="#">
												<img src="img/zhibo11.jpg" />
											</a>
										</div>
										<div class="img1 fr">
											<a href="#">
												<img src="img/zhibo12.jpg" />
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>